/*
尽可能还原 Promise 中的每一个 API, 并通过注释的方式描述思路和原理.
*/

// 定义Promise状态
const PENDING = "pending"; //等待
const FULFILLED = "fulfilled"; //成功
const REJECTED = "rejected"; //失败

// 定义Promise 类
class MyPromise {

    // 传入执行器，并立即执行
    constructor(fn) {
        try {
            fn(this.resolve, this.reject);
        } catch (err) {
            this.reject(err);
        }
    }

    // 记录当前Promise的状态，并设置为pending
    status = PENDING;

    // 保存resolve执行后传入的参数
    value = undefined;

    // 保存reject执行后传入的参数
    reason = undefined;

    //保存then方法传递的成功回调函数
    successCallback = [];
    //保存then方法传递的失败回调函数
    failCallback = [];

    // 成功的回调函数，使用箭头函数绑定this到当前实例对象
    resolve = value => {

        // 判断状态是不是等待，如果状态以改变（不再是pending状态）阻止程序向下执行
        if (this.status !== PENDING) return;
        // 将状态改成成功
        this.status = FULFILLED;
        // 保存调用当前成功回调传入的参数
        this.value = value;
        // 判断成功回调是否存在，如果存在就调用
        // 循环回调数组. 把数组前面的方法取出来并且直接调用
        // shift方法是在数组中删除值，每执行一个就删除一个，最终变为0
        while (this.successCallback.length > 0) this.successCallback.shift()(this.value);
    }

    // 失败回调
    reject = (reason) => {
        if (this.status !== PENDING) return;
        // 将状态改成失败
        this.status = REJECTED;
        // 保存失败之后的原因
        this.reason = reason;
        while (this.failCallback.length > 0) this.failCallback.shift()(this.reason);
    }

    // then方法
    // 具有successCallback 和 failCallback 两个回调参数
    then(successCallback, failCallback) {
        // 这里进行判断，如果有回调就选择回调，如果没有回调就传一个函数，把参数传递
        successCallback = successCallback ? successCallback : value => value
        // 错误函数也是进行赋值，把错误信息抛出
        failCallback = failCallback ? failCallback : reason => {
            throw reason
        }

        // then 方法需要返回一个promise对象
        let promise2 = new MyPromise((resolve, reject) => {
            if (this.status === FULFILLED) {
                // x是上一个promise回调函数的return返回值
                // 判断 x 的值时普通值还是promise对象
                // 如果是普通值 直接调用resolve
                // 如果是promise对象 查看promise对象返回的结果
                // 再根据promise对象返回的结果 决定调用resolve还是reject

                // 这里使用setTimeout是为了异步拿到primise2
                setTimeout(() => {
                    var x = successCallback(this.value);
                    resolvePromise(promise2, x, resolve, reject);
                }, 0)

            } else if (this.status === REJECTED) {
                // 这里同样的写法
                setTimeout(() => {
                    try {
                        let x = failCallback(this.reason);
                        resolvePromise(promise2, x, resolve, reject)
                    } catch (err) {
                        reject(err);
                    }

                }, 0)
            } else {
                // 处理异步的成功错误情况
                this.successCallback.push(() => {
                    setTimeout(() => {
                        // 如果回调中报错的话就执行reject
                        try {
                            let x = successCallback(this.value)
                            resolvePromise(promise2, x, resolve, reject)
                        } catch (e) {
                            reject(e)
                        }
                    }, 0)
                })
                this.failCallback.push(() => {
                    setTimeout(() => {
                        // 如果回调中报错的话就执行reject
                        try {
                            let x = failCallback(this.reason)
                            resolvePromise(promise2, x, resolve, reject)
                        } catch (e) {
                            reject(e)
                        }
                    }, 0)
                })
            }
        })

        return promise2
    }

    // finally
    finally(callback) {
        // 如何拿到当前的promise的状态，使用then方法，而且不管怎样都返回callback
        // 而且then方法就是返回一个promise对象，那么我们直接返回then方法调用之后的结果即可
        // 我们需要在回调之后拿到成功的回调，所以需要把value也return
        // 失败的回调也抛出原因
        // 如果callback是一个异步的promise对象，我们还需要等待其执行完毕，所以需要用到静态方法resolve
        return this.then(value => {
            // 把callback调用之后返回的promise传递过去，并且执行promise，且在成功之后返回value
            return MyPromise.resolve(callback()).then(() => value)
        }, reason => {
            // 失败之后调用的then方法，然后把失败的原因返回出去。
            return MyPromise.resolve(callback()).then(() => {
                throw reason
            })
        })
    }
    // catcn方法
    catch (failCallback) {
        return this.then(undefined, failCallback)
    }


    // all方法
    static all(array) {
        let result = [];
        // 计数器
        let index = 0;

        let addData = (key, value) => {
            result[key] = value;
            index++
            // 如果计数器和数组长度相同，那说明所有的元素都执行完毕了，就可以输出了
            if (index === array.length) {
                resolve(result);
            }
        }
        for (let i = 0; i < array.length; i++) {
            let current = array[i]

            if (current instanceof MyPromise) {
                // promise对象就执行then，如果是resolve就把值添加到数组中去，如果是错误就执行reject返回
                current.then(value => addData(i, value), reason => reject(reason))
            } else {
                // 普通值就加到对应的数组中去
                addData(i, array[i])
            }
        }
    }
    // resolve静态方法
    static resolve(value) {
        // 如果是promise对象，就直接返回
        if (value instanceof MyPromise) return value
        // 如果是值就返回一个promise对象，并返回值
        return new MyPromise(resolve => resolve(value))
    }
}

function resolvePromise(promise2, x, resolve, reject) {

    // 如果相等了，说明return的是自己，抛出类型错误并返回
    if (promise2 === x) {
        return reject(new TypeError('Chaining cycle detected for promise #<Promise>'))
    }

    // 如果promise.then回调函数的返回值是一个promise 对象
    // 判断 x 的值时普通值还是promise对象
    if (x instanceof MyPromise) {

        // 如果是promise对象 查看promise对象返回的结果
        // 再根据promise对象返回的结果 决定调用resolve还是reject

        x.then(resolve, reject);
    } else {
        // 如果是普通值 直接调用resolve
        resolve(x)
    }
}

